<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>春田花花-照片墙</title>
		<link rel="stylesheet" type="text/css" href="../css/xu/iconfont-imgWall.css"/>
		<link rel="stylesheet" type="text/css" href="../css/xu/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/xu/sortAndup.css"/>
		<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../bootstrap-3.3.7-dist/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="../css/xu/photoWall.css"/>
	</head>
	
	<body>
		<!-- 装相册的容器 -->
		<div class="container">
			<h2 class="text-primary"><a href="photoWall.html">照片墙</a></h2>
			<!-- 右侧工具栏 -->
			<div class="tool-right">
				<div class="add" data-toggle="tooltip" data-placement="right" title="添加相册">
					<span class="iconfont icon-tianjia" data-toggle="modal" data-target="#add-img-list"></span>
				</div>
				<div class="back-top" data-toggle="tooltip" data-placement="right" title="回到顶部">
					<span class="iconfont icon-weibiaoti1"></span>
				</div>
			</div>
			
			<!-- 添加相册Modal -->
			<div class="modal fade" id="add-img-list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			  <div class="modal-dialog" role="document">
				<div class="modal-content">
				  <div class="modal-header bg-success">
					<button type="button" class="close close-add" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title text-info" id="myModalLabel">添加相册</h4>
				  </div>
				  <div class="modal-body bg-info">
					<form class="form-inline">
						<div class="form-group">
							<label class="text-primary">选择班级</label>
							<select class="m-grade-class form-control">
								<option value ="请选择">请选择</option>
							</select>
							<select class="m-grade form-control">
								<option value ="请选择">请选择</option>
							</select>
						</div>
					</form>
					
					<div class="input-add">
						<label class="text-primary">选择图片</label>
						<div class="add-file">
							<span class="iconfont icon-tianjia"></span>
							
							<input type="file" class="select-img" accept="image/*"/>
							<div class="preview-img row">
								
							</div>
						</div>
					</div>
					<div class="input-add">
						<label class="text-primary">标题</label>
						<input type="text" class="add-title form-control">
					</div>
					<div class="input-add">
						<label class="text-primary">输入描述</label>
						<textarea class="add-desc form-control" rows="3"></textarea>
					</div>
				  </div>
				  <div class="modal-footer bg-success">
					<button type="button" class="btn btn-default close-add">关闭</button>
					<button type="button" class="btn btn-primary btn-add">添加</button>
				  </div>
				</div>
			  </div>
			</div>
			<!-- end添加相册Modal -->
		</div>
	</body>
	
	
	<!-- 引入js -->
	<script src="../js/data.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
	<script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/photoWall.js" type="text/javascript" charset="utf-8"></script>
</html>
